<template>
  <div class="q-pa-md q-gutter-sm">
    <t-bar dense class="bg-black text-white">
      <div>mobi-net</div>
      <t-icon name="email" />
      <t-space />
      <t-icon name="bluetooth" />
      <t-icon name="signal_wifi_4_bar" />
      <t-icon name="signal_cellular_4_bar" />
      <div class="gt-xs">100%</div>
      <t-icon name="battery_full" />
      <div>10:00AM</div>
    </t-bar>

    <t-bar dense class="bg-green text-white">
      <div>mobi-net</div>
      <t-icon name="email" />
      <t-space />
      <t-icon name="bluetooth" />
      <t-icon name="signal_wifi_4_bar" />
      <t-icon name="signal_cellular_4_bar" />
      <div class="gt-xs">100%</div>
      <t-icon name="battery_full" />
      <div>10:00AM</div>
    </t-bar>
  </div>
</template>
